<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
   	<title>Wilocate - Wireless networks detection and geolocation tool.</title>
	<link rel="shortcut icon" href="img/wl_favicon.ico" />

 	<style type="text/css">@import url('css/main.css');</style>
 	<style type="text/css">@import url('css/demo_table.css');</style>
 	<style type="text/css">@import url('css/table_marker_info.css');</style>
 	<style type="text/css">@import url('css/pos_info_table.css');</style>

	<script type="text/javascript" src="https://www.google.com/jsapi?key=ABQIAAAAzsBziOvqIW08gaVXK_tkXxQC3ry3VjikG3_c6-YeFaV6KTW0DhTUrPLB2P_BStsmhkzsFRVj_J1PXQ"></script>
<!-- 	<script type="text/javascript" src="https://www.google.com/jsapi"></script> -->

	<script type="text/javascript" language="javascript" src="js/jquery.js"></script>
	<script type="text/javascript" language="javascript" src="js/jquery.dataTables.js"></script>

	<script type="text/javascript" src="js/wilocate.js"></script>
	<script type="text/javascript" language="javascript" src="js/about.js"></script>


  </head>

  <body onload="initialize()">

<div>
	<div class="header_bar">
		<div class="header_bar_sx">
		</div>
			<div class="wilocate_icon">
				<div class="wilocate_logo_box">
					<img class="wilocate_logo" src="img/wilocate_logo2.png"/>
				</div>
			</div>
		<div class="header_bar_dx">
		</div>
		</div>
	</div>

	<div class="break">
		<div class="break_left">
			<!-- <img id="quit_button" class="img_properties" style="vertical-align:middle;" src="img/quit.png" onmouseover="this.src='img/quit_over.png'" onmouseout="this.src='img/quit.png'" alt="Quit Wilocate" title="Quit Wilocate" /> -->
			<a href="about.html" onclick="centeredPopup(this.href,'myWindow','500','400','yes','no','no');return false"><img id="about_button" class="img_properties" style="vertical-align:middle;" src="img/about.png" onmouseover="this.src='img/about_over.png'" onmouseout="this.src='img/about.png'" alt="About" title="About" /></a>

		</div>

		<div class="break_right">
			<div class="break_right_links">
				<label><input type="checkbox" id="checkbox_follow" name="Follow" value="Follow" /><strong>Follow</strong></label>
				<a href="https://code.google.com/p/wilocate/" target="_blank">Project home</a> |
				<a href="https://code.google.com/p/wilocate/source/checkout" target="_blank">Source</a> |
				<a href="https://code.google.com/p/wilocate/feeds" target="_blank">Feed</a> |
				<a href="https://code.google.com/p/wilocate/w/list" target="_blank">Wiki</a>
				
			</div>
			<!-- <img id="show_all_button" src="../img/show_all.png" title="Clear search parameters" class="img_properties" onmouseover="this.src='img/show_all_over.png'" onmouseout="this.src='img/show_all.png'" alt="Clear" style="vertical-align:middle;"/> -->
			<img id="center_all_button" src="img/center_all.png" title="Show All Access Points" class="img_properties" onmouseover="this.src='img/center_all_over.png'" onmouseout="this.src='img/center_all.png'" alt="Show All Access Points" style="vertical-align:middle;" />
			<img id="center_button" src="img/center.png" title="Center map" class="img_properties" onmouseover="this.src='img/center_over.png'" onmouseout="this.src='img/center.png'" alt="Center map" style="vertical-align:middle;" />

		</div>
	</div>


    	<div class="map_canvas1" id="map_canvas" >
	</div>

	<div class="left_column">
		<div class="status1" id="status">
			Waiting for APs positions.
		</div>
		<div class="break2">
		</div>

		<div class="marker_info1" id="marker_info" >
			<div id="marker_info_text">
				Point your mouse on access points in the map to show detailed informations.
			</div>
	  		<table id="marker_info_table" class="table_marker_info2">
				<col class="col1">
				<col class="col2">
				<col class="col3">
				<col class="col4">
				<tbody>
				</tbody>
			</table>
		</div>

		<div class="break2">
		</div>

		<div class="pos_info1" id="pos_info">
	 		<table id="pos_info_table" class="pos_info_table2">
			      <thead>
				    <tr>
					    <th class="pos_info_table_last_position">Last position</th>
					    <th class="pos_info_table_address">Address</th>
					    <th class="pos_info_table_city">City</th>
					    <th class="pos_info_table_coordinates">Coordinates</th>
				    </tr>
			    </thead>
			</table>
		</div>

	</div>

    	<br clear="all"/>

	<div class="tabella_elenco">

		<table id="myTable" class="tablesorter">

		<thead>
			<tr>
    				<th class="tablesorter_essid">Essid</th>
    				<th class="tablesorter_mac">MAC</th>
    				<th class="tablesorter_encryption">Encryption</th>
    				<th class="tablesorter_quality">Quality</th>
    				<th class="tablesorter_signal_level">Signal Level</th>
    				<th class="tablesorter_channel">Channel</th>
    				<th class="tablesorter_address">Address</th>
    				<th class="tablesorter_city">City</th>
    				<th class="tablesorter_coordinates">Coordinates</th>
    				<th class="tablesorter_last_seen">Last seen</th>
    				<th class="tablesorter_reliable">Reliable</th>
			</tr>
		</thead>
		<tbody>

		</tbody>
		</table>

	</div>
		<div class="footer">wilocate 2011 <br><a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/2.5/it/" target="_blank"><img alt="Licenza Creative Commons" style="border-width:0" src="img/cc_80x15.png" /></a></div>

</div>

  </body>
</html>


